<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Style 绑定数组</title>
    </head>

    <body>
        <div id="app">
            <div v-bind:style="[baseStyles, overridingStyles]">
                Style 绑定数组
            </div>
        </div>

        <script type="module">
            import Vue from '../vue.esm.browser.js'
        
            const app = new Vue({
                el: '#app',
                data: {
                    baseStyles: {
                        width: '400px',
                        height: '300px',
                        padding: '20px',
                        border: '1px solid black'
                    },
                    overridingStyles: {
                        color: 'blue',
                        fontSize: '30px'
                    }
                }
            })
        </script>
    </body>
</html>